import 'package:flutter/material.dart';

class RegisterPage extends StatelessWidget {
  // 创建文本控制器，用于获取输入框的值
  final TextEditingController usernameController =
      TextEditingController(); // 用户名控制器
  final TextEditingController passwordController =
      TextEditingController(); // 密码控制器
  final TextEditingController confirmPasswordController =
      TextEditingController(); // 确认密码控制器

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('\u65b0\u7528\u6237\u6ce8\u518c'), // 页面标题：新用户注册
        backgroundColor: Colors.white, // 设置标题栏背景色为白色
      ),
      body: Container(
        // 设置背景图片
        decoration: const BoxDecoration(
          image: DecorationImage(
            image: NetworkImage(
                'https://pica.zhimg.com/80/v2-fa1ed7948fe0f3feedc69f6076abe789_720w.webp?source=1def8aca'), // 背景图片URL
            fit: BoxFit.cover, // 图片填充方式：覆盖整个容器
          ),
        ),
        child: Padding(
          padding: const EdgeInsets.all(20), // 设置四周内边距为20
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center, // 主轴（垂直方向）居中对齐
            children: [
              // 用户名输入框容器
              Container(
                decoration: BoxDecoration(
                  color: Colors.white.withOpacity(0.8), // 设置白色半透明背景，透明度为0.8
                  borderRadius: BorderRadius.circular(10), // 设置10像素的圆角
                ),
                child: TextField(
                  controller: usernameController, // 绑定用户名控制器，用于获取输入值
                  decoration: const InputDecoration(
                    labelText: '\u7528\u6237\u540d', // Unicode编码：用户名
                    border: OutlineInputBorder(), // 使用外边框样式
                  ),
                ),
              ),
              const SizedBox(height: 20), // 垂直间距
              // 密码输入框
              Container(
                decoration: BoxDecoration(
                  color: Colors.white.withOpacity(0.8),
                  borderRadius: BorderRadius.circular(10),
                ),
                child: TextField(
                  controller: passwordController,
                  obscureText: true, // 密码隐藏
                  decoration: const InputDecoration(
                    labelText: '\u5bc6\u7801', // 输入框标签：密码
                    border: OutlineInputBorder(),
                  ),
                ),
              ),
              const SizedBox(height: 20),
              // 确认密码输入框
              Container(
                decoration: BoxDecoration(
                  color: Colors.white.withOpacity(0.8),
                  borderRadius: BorderRadius.circular(10),
                ),
                child: TextField(
                  controller: confirmPasswordController,
                  obscureText: true, // 密码隐藏
                  decoration: const InputDecoration(
                    labelText: '\u786e\u8ba4\u5bc6\u7801', // 输入框标签：确认密码
                    border: OutlineInputBorder(),
                  ),
                ),
              ),
              const SizedBox(height: 30),
              // 注册按钮
              ElevatedButton(
                onPressed: () {
                  // 验证两次输入的密码是否一致
                  if (passwordController.text ==
                      confirmPasswordController.text) {
                    Navigator.pop(context); // 密码一致时，注册成功并返回上一页
                  } else {
                    // 密码不一致时，显示错误提示对话框
                    showDialog(
                      context: context,
                      builder: (context) => AlertDialog(
                        title: const Text('\u9519\u8bef'), // Unicode编码：错误
                        content: const Text(
                            '\u4e24\u6b21\u8f93\u5165\u7684\u5bc6\u7801\u4e0d\u4e00\u81f4'), // Unicode编码：两次输入的密码不一致
                        actions: [
                          TextButton(
                            onPressed: () =>
                                Navigator.pop(context), // 点击确定关闭对话框
                            child: const Text('\u786e\u5b9a'), // Unicode编码：确定
                          ),
                        ],
                      ),
                    );
                  }
                },
                style: ElevatedButton.styleFrom(
                  foregroundColor:
                      const Color.fromRGBO(255, 0, 0, 1), // 设置按钮文字颜色为红色
                ),
                child: const Text('\u6ce8\u518c'), // Unicode编码：注册
              ),
            ],
          ),
        ),
      ),
    );
  }
}
